<template>
  <div class="hello"></div>
</template>

<script>
import qs from "querystring";

export default {
  name: "HelloWorld",
  data() {
    return {};
  },
  // 组件生命周期函数
  created() {
    // this.$axios.get("http://iwenwiki.com/sxtstu/music/baidu/list.php?type=1&count=5&offset=0")
    // .then(data => {
    //   console.log(data.data);
    // })
    // .catch(error => {
    //   console.log(error);
    // })

    // this.$axios.get("http://iwenwiki.com/sxtstu/music/baidu/list.php",{
    //   params:{
    //     type:1,
    //     count:5,
    //     offset:0
    //   }
    // })
    // .then(data => {
    //   console.log(data.data);
    // })
    // .catch(error => {
    //   console.log(error);
    // })

    // name='iwen'&age=20  { name:'iwen',age:20 }
    // this.$axios.post("http://iwenwiki.com/sxtstu/newworld/feelback.php",qs.stringify({
    //   content:"反馈"
    // }))
    // .then(data => {
    //   console.log(data.data);
    // })
    // .catch(error => {
    //   console.log(error);
    // })

    // 并发请求
    // const _this = this;
    // function getUserAccount() {
    //   return _this.$axios.get(
    //     "/sxtstu/blueberrypai/getChengpinDetails.php"
    //   );
    // }

    // function getUserPermissions() {
    //   return _this.$axios.get(
    //     "响应结构"
    //   );
    // }

    // this.$axios.all([getUserAccount(), getUserPermissions()]).then(
    //   this.$axios.spread(function(acct, perms) {
    //     // 两个请求现在都执行完成
    //     console.log(acct.data);
    //     console.log(perms.data);
    //   })
    // );

    // 请求
    this.$axios({
      url:
        this.HOST +
        "/v1/restserver/ting?method=baidu.ting.billboard.billList&type=1&size=10&offset=0",
      method: "get",
      timeout: 3000
    })
      .then(res => {
        console.log(res.data);
      })
      .catch(error => {
        console.log(error);
      });

    this.$axios({
      url:
        this.JuheHOST +
        "/joke/content/list.php?key=8f3e51cd2e461ab4f858ab48d8b5c027&page=2&pagesize=10&sort=asc&time=1418745237",
      method: "get",
      timeout: 3000
    })
      .then(res => {
        console.log(res.data);
      })
      .catch(error => {
        console.log(error);
      });
  }
};
</script>
